<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="iso-8859-1">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="">
<meta name="author" content="">

<title>Bootstrap, from Twitter</title>

<script src="js/jquery-1.9.1.js"></script>
<script src="js/jquery-ui-1.10.2.custom.js"></script>

<!-- Le styles -->
<link href="css/bootstrap.css" rel="stylesheet">
<link href="css/bootstrap-responsive.css" rel="stylesheet">
<link href="css/bootswatch.css" rel="stylesheet">
<link href="css/jquery-ui-1.10.2.custom.css" rel="stylesheet">

<!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
<!--[if lt IE 9]>
      <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->

</head>


<body class="preview" id="top">

	<div class="navbar navbar-inverse navbar-fixed-top">
		<div class="navbar-inner">
			<div class="container">
				<a class="btn btn-navbar" data-toggle="collapse"
					data-target=".nav-collapse"> <span class="icon-bar"></span> <span
					class="icon-bar"></span> <span class="icon-bar"></span>
				</a> <a class="brand" href="#">Project name</a>
				<div class="nav-collapse collapse">
					<ul class="nav">
						<li class="active"><a href="#">Home</a></li>
						<li><a href="#about">About</a></li>
						<li><a href="#contact">Contact</a></li>
						<li class="dropdown"><a href="#" class="dropdown-toggle"
							data-toggle="dropdown">Dropdown <b class="caret"></b></a>
							<ul class="dropdown-menu">
								<li><a href="#">Action</a></li>
								<li><a href="#">Another action</a></li>
								<li><a href="#">Something else here</a></li>
								<li class="divider"></li>
								<li class="nav-header">Nav header</li>
								<li><a href="#">Separated link</a></li>
								<li><a href="#">One more separated link</a></li>
							</ul></li>
					</ul>
					<form class="navbar-form pull-right">
						<input class="span2" type="text" placeholder="Email"> <input
							class="span2" type="password" placeholder="Password">
						<button type="submit" class="btn">Sign in</button>
					</form>
				</div>
				<!--/.nav-collapse -->
			</div>
		</div>
	</div>
	<!-- FIN DEL MENU PRINCIPAL -->


	<div class="container">

		<div class="row">
			<ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu"
				style="display: block; position: static; margin-bottom: 5px; *width: 180px;">
				<li><a tabindex="-1" href="#">Acciones</a></li>
				<li><a tabindex="-1" href="#">Another action</a></li>
				<li><a tabindex="-1" href="#">Something else here</a></li>
				<li class="divider"></li>
				<li><a tabindex="-1" href="#">Separated link</a></li>
			</ul>




			<ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu"
				style="display: block; position: static; margin-bottom: 5px; *width: 180px;">
				<li><a tabindex="-1" href="#">Regular link</a></li>
				<li class="disabled"><a tabindex="-1" href="#">Disabled
						link</a></li>
				<li><a tabindex="-1" href="#">Another link</a></li>
			</ul>


			<ul class="dropdown-menu" role="menu" aria-labelledby="dLabel"
				style="display: block; position: static; margin-bottom: 5px; *width: 180px;">
				<li><a href="#">Inicio 1</a></li>
				<li><a href="#">Inicio 2</a></li>
				<li><a href="#">Inicio 3</a></li>
				<li class="dropdown-submenu"><a tabindex="-1" href="#">More
						options</a>
					<ul class="dropdown-menu">
						<li><a href="#">Sub 1</a></li>
						<li><a href="#">Sub 2</a></li>
						<li><a href="#">Sub 3</a></li>
					</ul></li>
			</ul>

			<div class="btn-group">
				<button class="btn">Left</button>
				<button class="btn">Middle</button>
				<button class="btn">Right</button>
			</div>


			<div class="btn-group">
				<a class="btn dropdown-toggle" data-toggle="dropdown" href="#">
					Acciones <span class="caret"></span>
				</a>
				<ul class="dropdown-menu">
					<li><a href="#">Futbol</a></li>
					<li><a href="#">Basket</a></li>
				</ul>
			</div>

			<div class="btn-group">
				<button class="btn btn-mini">Eliga la acci&oacute;n</button>
				<button class="btn btn-mini dropdown-toggle" data-toggle="dropdown">
					<span class="caret"></span>
				</button>
				<ul class="dropdown-menu">
					<li><a href="#">Modificar</a></li>
					<li><a href="#">Eliminar</a></li>
				</ul>
			</div>
		</div>


		<div class="row">
			<ul class="nav nav-tabs">
				<li class="active"><a href="#">Inicio</a></li>
				<li><a href="#">Servicios</a></li>
				<li><a href="#">Productos</a></li>
			</ul>
		</div>

		<div class="row">

			<ul class="nav nav-pills">
				<li class="active"><a href="#">Inicio</a></li>
				<li><a href="#">Servicios</a></li>
				<li><a href="#">Productos</a></li>
			</ul>

		</div>


		<div class="row">
			<ul class="nav nav-tabs nav-stacked">
				<li class="active"><a href="#">Inicio</a></li>
				<li><a href="#">Servicios</a></li>
				<li><a href="#">Productos</a></li>
			</ul>
		</div>

		<div class="row">
			<div class="well">
				<ul class="nav nav-list">
					<li class="nav-header">Deportes</li>
					<li class="active"><a href="#">Basket</a></li>
					<li><a href="#">Voley</a></li>
					<li class="nav-header">Aficiones</li>
					<li><a href="#">Biclismo</a></li>
					<li><a href="#">Canotaje</a></li>
				</ul>
			</div>
		</div>

		<div class="row">
			<div class="pagination">
				<ul>
					<li><a href="#">Prev</a></li>
					<li><a href="#">1</a></li>
					<li><a href="#">2</a></li>
					<li class="active"><a href="#">3</a></li>
					<li><a href="#">4</a></li>
					<li><a href="#">5</a></li>
					<li><a href="#">Next</a></li>
				</ul>
			</div>
		</div>

		<div class="row">
			<ul class="pager">
				<li><a href="#">Anterior</a></li>
				<li><a href="#">Siguiente</a></li>
			</ul>
		</div>

		<div class="row">
			<div class="alert">
				<button type="button" class="close" data-dismiss="alert">&times;</button>
				<strong>Advertencia!</strong> Verifique las fechas de
				creaci&oacute;n de registros.
			</div>
		</div>


		<div class="row">

			<div class="progress">
				<div class="bar" style="width: 60%;"></div>
			</div>

		</div>

		<p>&nbsp;</p>
		<p>&nbsp;</p>
		<p>&nbsp;</p>
		<p>&nbsp;</p>
		<p>&nbsp;</p>
		<p>&nbsp;</p>
		<hr>

		<footer>
			<p>&copy; 2013 David Rodr&iacute;guez Condezo</p>
		</footer>

	</div>
	<!-- /container -->

	<!-- Le javascript
    ================================================== -->
	<!-- Placed at the end of the document so the pages load faster -->

	<script src="js/bootstrap-affix.js"></script>
	<script src="js/bootstrap-alert.js"></script>
	<script src="js/bootstrap-button.js"></script>
	<script src="js/bootstrap-carousel.js"></script>
	<script src="js/bootstrap-collapse.js"></script>
	<script src="js/bootstrap-dropdown.js"></script>
	<script src="js/bootstrap-modal.js"></script>
	<script src="js/bootstrap-tooltip.js"></script>
	<script src="js/bootstrap-popover.js"></script>
	<script src="js/bootstrap-scrollspy.js"></script>
	<script src="js/bootstrap-tab.js"></script>
	<script src="js/bootstrap-transition.js"></script>
	<script src="js/bootstrap-typeahead.js"></script>

</body>
</html>
